.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  background-color: #f1f1f1;
  font-size: .7rem;
}
.header {
  width: 100%;
  height: 2.6rem;
  padding: 0 .6rem;
  background-color: #fff;
  flex-shrink: 0;
  border-bottom: 1px solid #eee;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.toggle-btn {
  position: relative;
  padding: .6rem 0.3rem;
  font-size: .8rem;
  color: #555;
  &.active {
    color: var(--adm-color-primary);
    &::after {
      content: '';
      position: absolute;
      bottom: .2rem;
      left: .5rem;
      right: .5rem;
      height: .15rem;
      border-radius: .2rem;
      background-color: var(--adm-color-primary);
    }
  }
}
.search {
  position: relative;
  height: 1.6rem;
  width: calc(100% - 6.5rem);
  input {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0 2.2rem 0 1.5rem;
    border: 1px solid #eee;
    border-radius: .4rem;
    box-sizing: border-box;
    font-size: .7rem;
  }
}
.search-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  color: #999;
}
.search-btn {
  position: absolute;
  top: .2rem;
  right: .2rem;
  border: 0;
  border-radius: .2rem;
  color: #555;
  background-color: var(--adm-color-primary);
  color: #fff;
  font-size: .6rem;
  height: calc(100% - .4rem);
}
.body {
  flex: 1;
  position: relative;
  overflow: hidden;
}
.inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.list {
  padding: .6rem .6rem 0 .6rem;
}
.loading {
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.empty {
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999;
  font-size: .8rem;
}
.add {
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 0;
  background-color: var(--adm-color-primary);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  box-shadow: 0 0 .3rem rgba(0, 0, 0, .3);
  &:active {
    opacity: .9;
  }
}
.type {
  width: 6rem;
}